<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>找牛网-意见反馈</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">

    <link rel="stylesheet" href="lib/layer_mobile/need/layer.css">
    <link rel="stylesheet" href="css/releaseMessage.css">
    <link rel="shortcut icon" href="favicon.ico"/>
    <style>
        textarea::-webkit-input-placeholder {
            line-height: 20px;
            font-size: 14px;
            color: #CCCCCC;
        }

        textarea:-ms-input-placeholder { /*// IE10+*/
            font-size: 14px;
            line-height: 20px;
            color: #CCCCCC;
        }

        textarea:-moz-placeholder { /*// Firefox4-18*/
            font-size: 14px;
            line-height: 20px;
            color: #CCCCCC;
        }

        textarea::-moz-placeholder { /*// Firefox19+*/
            font-size: 14px;
            line-height: 20px;
            color: #CCCCCC;
        }

        input::-webkit-input-placeholder {
            line-height: 20px;
            font-size: 14px;
            color: #CCCCCC;
        }

        input:-ms-input-placeholder { /*// IE10+*/
            font-size: 14px;
            line-height: 20px;
            color: #CCCCCC;
        }

        input:-moz-placeholder { /*// Firefox4-18*/
            font-size: 14px;
            line-height: 20px;
            color: #CCCCCC;
        }

        input::-moz-placeholder { /*// Firefox19+*/
            font-size: 14px;
            line-height: 20px;
            color: #CCCCCC;
        }

        .second input[type='number'] {
            display: block;
            width: 100%;
            height: 100%;
            padding-left: 3%;
        }

        .second {
            margin: 0;
        }

        .second:nth-child(3) {
            margin-top: 10px;
        }

        .sublime {
            text-align: center;
            background-color: transparent;
            margin: 100px 0;
            border: none;
        }

        .sublime button {
            width: 70%;
            font-size: 15px;
            height: 35px;
        }
    </style>

    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<header class="header-tab">
    <div>
        <a href="personal.html">
                <span>
			        <img src="img/order_left.png" alt=""/>
		        </span>
        </a>
        <h5>意见反馈</h5>
    </div>
</header>
<section id="information">
    <!-- 所有的选项卡内容 -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane  active" id="supply-information">
            <div class="fill-information">
                <!-- 产品详情 -->

                <div class="row second">
                    <div class="col-xs-12 zhaoniu-panel-title">
                        <span>意见反馈(<span class='red'> * </span>)</span>
                    </div>
                </div>
                <div class="is-show">
                    <div style='background:#fff;padding: 10px 0;'>
                        <textarea class="content"
                                  placeholder="欢迎提出您在使用过程中遇到的问题或您对找牛网改进的意见和看法（200字内），感谢您对找牛网的支持"></textarea>

                    </div>
                </div>
                <div class="row second">
                    <input type="number" class='feedPhone' placeholder='请留下您的联系方式，我们会在第一时间回复您。'>
                </div>
                <div class="row sublime">
                    <button>提交反馈</button>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/fastclick.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function () {
        FastClick.attach(document.body);
    });
</script>
<script src="js/main.js"></script>
<script src="js/count.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/layer_mobile/layer.js"></script>
<script src="js/laymes.js"></script>
<script>
    $(function () {
        var userName = Cookie.getCookie()['username']
        ImporInfor()
        $('.feedPhone').val(Cookie.getCookie()['phone'])
        var feed = '/suggestion/add';
        $('.sublime button').on('click', function () {
            var text = $('.content').val().trim(),
                phone = $('.feedPhone').val().trim();
            if (text) {
                $.ajax({
                    url: host + feed,
                    type: 'post',
                    data: Infornation + '&suggestion=' + text + '&phone=' + phone + '&browser=移动端&username='+userName,
                    success: function (res) {
                        if (res.success) {
                            lay.msg('提交成功，谢谢您的合作')
                            setTimeout(function () {
                                window.location.href = 'index.html'
                            }, 200)
                        } else {
                            lay.msg('提交失败，请重新提交')
                        }

                    },
                    error: function () {
                        lay.msg('提交失败，请重新提交')
//                       lay.msg('提交成功，谢谢您的合作')
//                       setTimeout(function () {
//                           window.location.href= 'index.html'
//                       },200)
                    }
                });
            } else {
                lay.msg('请输入反馈内容')
            }
        })
    })

    //       var browser={
    //           versions:function(){
    //               var u = navigator.userAgent, app = navigator.appVersion;
    //               return {
    //                   trident: u.indexOf('Trident') > -1, //IE内核
    //                   presto: u.indexOf('Presto') > -1, //opera内核
    //                   webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
    //                   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
    //                   mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
    //                   ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
    //                   android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
    //                   iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
    //                   iPad: u.indexOf('iPad') > -1, //是否iPad
    //                   webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
    //                   weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
    //                   qq: u.match(/\sQQ/i) == " qq" //是否QQ
    //               };
    //           }(),
    //           language:(navigator.browserLanguage || navigator.language).toLowerCase()
    //       }
</script>
</body>
</html>